<template>
    <div class="movie_menu">
        <router-link to="/movie/city" tag='div'>{{$store.state.city.name}}<span class="iconfont icon-lower-triangle"></span></router-link>
        <router-link to="/movie/nowplaying" tag='h4' >正在热映</router-link>
        <router-link to="/movie/comingsoon" tag='h4' >即将上映</router-link>
        <router-link to="/movie/search" tag='div' class="iconfont icon-sousuo" ></router-link>
    </div>
</template>

<script>
export default {
    // name:'Menu',
   data() {
      return {

      }
   },
   created(){
   },
   methods:{
    //把当前正在显示的二级路由组件的路径存起来，为了下次点击一级路由时直接跳转到这个路径
    //    passpath(path){
    //        window.sessionStorage.setItem('lastpath',path)
           
    //    }
   },
}
</script>

<style  scoped>
.movie_menu{
    display:flex;
    font-size:1rem;
    height:2.875rem;
    line-height:2.875rem;
    text-align:center;
    justify-content: space-around;
    border-bottom: 1px solid #e6e6e6;
}
.movie_menu .icon-sousuo{
    font-size:1.5rem;
}
.search .icon-sousuo{
    font-size: 1rem;
}
h4{
    color:#666;
    font-size:0.9375rem
}
.router-link-active{
    border-bottom:0.125rem solid red;
    color:red!important;
}
</style>
